Código para inhabilitar el botón derecho del ratón en una imagen concreta.
Con este código impedirás que guarden la imagen de alguna entrada, el código lo añadiremos en la misma entrada que la imagen, es decir donde escribimos el post o entrada.
Donde dice: url-imagen pondremos la Url de nuestra imagen.


[Prueba a guardar esta imagen]

¿No te gusta el efecto de ventana emergente? Prueba con una marca de agua.
Si deseamos inhabilitar todo el contenido del blog, sigue las indicaciones dadas aquí.




alida

Gema donde pongo eso dentro de mi plantilla??
Un abrazo

Responder
Gem@

En la plantilla o en cualquier lugar que desees aplicar ese código, también lo puedes poner en un post, o en la sidebar.
Inhabilita la acción de guardar una imagen la pongas donde la pongas.
Eso no quiere decir que no puedan llevarlas, con una captura de tu blog cualquiera tiene esa imagen que tu no deseas compartir, solo que le haces trabajar más y quizás desista de la idea.
Un abrazo Alida.

Responder
Silvia

Hola Gema: Acabo de hacer la prueba que proponés en el post, y resulta que tengo habilitado el click derecho, con el navegador "Opera".
Todavía no probé con mi blog -donde se supone que tengo deshabilitado el click derecho-. Sólo quería comentartelo, por si sirve :-)
Besos.
SIlvia

Responder
alida

Gem@ trate en varios sitios, debe ser hoy que la cabeza la tengo como cabra jejeje
Esta noche intentaré de nuevo
Que pases un bello fin

Responder
Gem@

Gracias Pao o eres Sil?
Te agradezco el comentario, he visitado tu blog y me ha encantado, son unas creaciones muy bonitas y originales.
Te seguiré visitando :)

Alida, me he quedado con la duda por si me había equivocado al incluir el código en el textarea, he probado de nuevo con una imagen en un post y funciona.
Espero que a ti también te resulte.
Saludos y buen fin de semana.

Responder
Silvia

Hola Gema:estoy llegando de trabajar :-) Abrí mi blog con el Opera, y sí; tengo habilitado el famoso click derecho. Pero bueno, la mayoría de la gente usa Firefox o Internet explorer.

Muchas gracias por tomarte el tiempo de visitar Creaciones Celestiales y dejar tu comentario. Y también gracias por enlazarnos.

Besis para vos.
Soy Sil...via ;-)

Responder
Babeuf

Hola gema felicidades por el blog, aunque de informatica no se nada de nada, bastante poco, intento hacer mi blog mas grande, me gustaria preguntarte que como has puesto el Neo Counter. Es que yo lo tuve pero no se que me paso que de repente la versión gratuita la tenia que actualizar y por supuesto pagar, por lo que tuve que quitar el neocounter ya que no funcionaba. Me gustaria preguntarte si es que llevas tiempo con el, ¿como hago para seguir con la versión gratuita?.
Un saludo, Babeuf.
http://letribundupeuple.blogspot.com/

Responder
carmncitta

hola gemma he estado mirando por todo tu blog para no tener que preguntarte pero como no he encontrado lo que buscaba estoy aquí, supongo que se me habrá pasado. Hace un tiempo coloqué un buscador en mi blog (como el que tú tienes) me parecía que era de google...y no sé, luego cambié la plantilla y claro se fue..ahora me gustaría ponerla otra vez y no tengo ni idea. Heeelp!

Responder
carmncitta

por cierto, muchas gracias x adelantado :)!

Responder
Gem@

Saludos Sil... Ya sabemos una cosa nueva, con Opera ese código no funciona :(
Gracias por tu aportación, nos leemos...

Saludos y bienvenido Babeuf:La versión gratuita tiene un límite de tiempo.
El neocounter nos da dos opciones visitas online y países que nos han visitado, éste último ya no lo tengo desde hace un par de días, es una pena :(
Hay una opción para obtener otra vez el código: Registrarte con una nueva dirección de correo, ya lo hice hace tiempo pero con la contrariedad que es empezar de cero.

Carmncitta gracias a ti por estar aquí.
El buscador interno de blog lo puedes encontrar aquí:

freefind

Haré un post referente a eso así lo aprendemos todos :)

Responder
carmncitta

muchísimas gracias gemma! al principio no parece útil pero cuando ya llevas bastantes posts va de coña :D!

Ya lo he colocado en mi plantilla supongo que funcionará!!*-)

Uffff otra cosa que me preocupa es lo de blogger beta, el otro día me cree un blog de prueba y peqgué mi actual plantilla y me dice que no la acepta errores xml, y he probado con otras de panasmontana y tampoco, ya se que has hablado del beta pero de esto no tenía ni idea...a lo mejor si lo pruebo no me funciona esa plantilla :(

Responder
Gem@

Hola Carmncitta: algunos amigos recomiendan migrar a Blogger Beta, añaden que todo es más sencillo, pero también es cierto que han comentado que si migras a Beta lo haces con la plantilla que uses en ese momento.
Yo aún no he tenido tiempo de abrir un blog de pruebas en beta, ya estoy tardando demasiado :(
Si puedo este finde lo hago y te comento, Por cierto... ya tenemos Blogger beta en español ;)

Responder
carmncitta

uauuuu habrá que probarlo y migrar...!!

Responder
Anónimo

ya me he pasado al beta sin problemas, tenías razón :)

Responder
Gem@

Estupendo...

Responder
Stirner

AAAARRRGGGHHHH !!!!

Gem@, tengo un problema con este. esque deseo pegarlo en el cogido html para que todo mi blog este protegido... es esto posible?
gracias, besos !


Responder
Gem@

Este código solo protege una imagen en concreto, es por eso que debe ponerse en la entrada donde se situa la imagen.
Para proteger el blog en su totalidad prueba con este otro (aunque aún no lo he probado en Blogger beta)
Debes ponerlo en Plantilla/ añadir un elemento de página/HTML

<!-- Botón derecho del mouse -->

<script LANGUAGE="JavaScript1.1">
function derecha(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert('Botón derecho inhabilitado')
return false;
}

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button
== 2)){
alert('Botón derecho inhabilitado')
}
}
document.onmousedown=derecha<
</script>

Responder
Salva Ruiz

buenas gema, soy un novatillo en esto, he probado lo que indicabas de la opción del ratón y na de na además estoy muy interesado en esta opción pq mi blog es de imagenes
también he probado lo de toda la página, que es lo que me interesa, pero tp me funciona.
si puedes hechame un cable!!
felicidades por la ayuda que prestas!!

Responder
Gem@

Saludos Salva y bienvenido:
Es muy raro que no te funcione el código si lo haces paso a paso, y más que es un Script que se visiona tanto en Explorer como en Firefox.
Hice una entrada pensando en tu pregunta, espero te funcione, si no es así házmelo saber ;)

Responder
Gem@

Intentalo ahora Salva he modificado el código, creo que no no había cerrado un código.
Mis disculpas a quienes probaron anteriormente.

Responder
Roberto

Hola Gem@:
Podrias explicarme por favor neuvamente en que parte se pone el código para que proteja la foto y no así todo el blog.
Saludos Mikihirus

Responder
Gem@

Saludos Mikihirus: El código se aplica donde mismo escribes el post y insertas la imagen.
Es decir... escribimos la entrada, luego ponemos una imagen que adorna esa entrada, pues ahí mismo es donde va el código.
Da igual el orden en que lo hagas si es antes o después de lo que escribimos.

Responder
AleMamá

Gema: Cuando lo ví en mis bloglines, permite copiarla, no así en tu blog. Realmente es un problema proteger fotos personales aquí en la red. Las demás no me importan.
Un besote

Responder
Gem@

Hola Ale, aún no he podido yo meterle mano al Blogines, y mira que me registré con tu tutorial, pero me falta tiempo o me sobra trabajo jajajaja
Abrazos amiga :)

Responder
Boston1955

Hola Gema,
la idea de inhabilitar el botón derecho en un blog me parece muy útil, así que lo he probado y funciona. Sin embargo, cuando quiero hacerlo con fotos concretas en un blog que no está inhabilitado para el botón derecho no me sale. No sé si lo hago bien.

Podrías ayudarme?

Gracias por tus consejos!

Responder
Gem@

Hola Boston:
Debes situarte dnde escribes las entradas de tu blog.
Una vez allí en vez de subir la imagen a Blogger como solemos hacer añades el código proporcionado para inhabilitar una imagen concreta:

<p align="center"><img oncontextmenu="alert('Opcion deshabilitada');return false" oncopy="alert('Opcion deshabilitada');return false" src="AQUILAURLDETUIMAGEN" /></p><p style="text-align: left;"></p>

Ese código debes modificarlo y donde dice AQUILAURLDETUIMAGEN poner la Url de tu imagen.
La Url de la imagen la puedes conseguir en http://www.imageshack.us/ por ejemplo, o en el mismo Blogger.
Una vez tengas el código y la Url de tu imagen dale salida al post.
Eso es todo... espero te resulte;)

Responder
Anónimo

Hola, me gustaria que me ayudases, por favor, he colocado ese codigo, pero se me copian igual y guardan igual y lo he hecho bien.
Por otra parte, me gustaria, que perdonando mi ignorancia, me dijeses que es un encabezado (HEAD)
Como copio yo ese codigo en las entradas de mi blog, oh en todo el blog, para protegerlo, me copian imagenes y cosillas por que no hay respeto, y me gustaria protegerlo de ello.
Muchas gracias linda, y perdona las molestias.

Responder
Gem@

Saludos anónimo, para empezar te diré que no hay truco posible que impida copiar algo de una página, todo lo que he visto hasta ahora, lo que hace es "trabajar" un poco más a la persona que se quiere apropiar de algo.
Quien desea llevarse algo puede acceder cómodamente al código fuente del blog, y hasta si eso no fuera probable incluso hacer una captura de la imagen o página.
El <head> lo puedes encontrar al principio de la plantilla es la parte de la plantilla donde incluye el encabezado de página.
¿Cómo copio yo ese codigo en las entradas de mi blog
Si te refieres al de esta entrada lo incluyes copiando el código y pegándolo en la entrada donde vayas a incluir la imagen.
Recuerda que para añadir la imagen debes primero alojarla en un servidor y luego pegar en el código la url (dirección) de la imagen.

Responder
JeJo

Que tal GEm@ .... como va ?
Éstuve recorriendo tu tabla de contenidos tratando de encontrar algun "truquito" para deshabilitar el botón IZQUIERDO del mouse sobre una imagen específica ( no en todo el blog / solo en una imagen de un post ) Se puede ?????

Responder
Gem@

!Hola Jejo¡bienn ¿y tú?
Estas en el lugar exacto :D si sigues los pasos de esta entrada conseguirás inhabilitar el botón derecho solamente en la imagen que deseas.
Un abrazo :)

Responder
Gem@

Jejo no leí bien tu pregunta !!sorry ¡¡ esto es para el derecho :(
Ummm eso que dices si que lo he posteado pero para todo el blog.

Responder
Anónimo

Yo sabía que había leído aquí alguna cosa sobre eso .... lo que intento es que al cliquear sobre la imagen no se abra en una nueva página ...
Voy a intentar con este método ... pues en tu ejemplo de "las flores" no se puede cliquear ni con el botón derecho ni con el izquierdo ...
Gracias ...

Responder
Esthermoly

Muchas gracias, he vuelto a releer todas tus contestaciones y al final me ha salido.

Muchas gracias, ya me estaba volviendo loca jejeje

Responder
Gem@

Suele ocurrir Esthermoly que el error más simple es el que más dolor de cabeza nos proporciona ;)

Responder
David

Hola Gema, es una buena herramienta deshabilitar el botón derecho, me ha funcionado pero tengo un problema, la imagen en sí es grande y en Blogger cuando pinchas en la imagen te abre otra pantalla al tamaño real donde sí se puede guardar y utilizar el botón derecho, cómo puedo hacer para que deshabilite ahí también? Graciass

Responder
Gem@

yz Siento tardar en contestar David pero no había visto este comentario :(
Al parecer ya lo has resuelto eliminando el enlace de la imagen, me alegra que así sea.

Responder
Samiel

Gracias Gema, eliminé el enlace de la imagen de manera provisional como dices. Lo que quiero es que se amplie al tamaño real pero el problema es que en esa nueva ventana funciona el botón derecho y se puede guardar la imagen :( , sabrías cómo hacer que en la ventana donde se amplia la imagen tampoco funcionara el botón derecho? Gracias

Responder
Gem@

yz Hola David, lo único que me viene a la mente es editar la imagen en su tamaño real, piensa que de querer llevarse la imagen pueden hacerlo desde el código fuente del blog.
También hay extensiones de Firefox con las que pueden llevarte la imagen, hasta con una simple captura pueden hacerlo.
Lo ideal en estos casos (en mi opinión) es añadir una marca de agua a las imágenes como hacen los fotógrafos profesionales, de esta forma marcas la imagen con la dirección de tu blog por ejemplo, y se la puede llevar pero si la cuelgan en algún sitio está dando publicidad a tu blog :)

Responder
Malraux

No olvides eliminar este comentario de tu blog.
Quiero preguntarte como publicas los comentarios en tu blog, osea como haces para que cualquiera que entre a tu blog, vea los comentarios que te dejan sin hacer clic a algún link y además como es que puedo dejar este comentario sin necesidad de hacer también otro click...
Perdona mi falta de conocimiento al respecto, mil disculpas y muchas gracias de antemano

Responder
Gem@

yz Heduardo Elausis no sé por qué dices eso de eliminarlo es obvio que si tuvieras la respuesta no preguntarías y también lo es que todos tenemos dudas en cualquier momento.
Verás.. los comentarios se ven así "desplegados" cuando se accede a ellos de la siguiente forma.
Desde una notificación de correo.
En las etiquetas.
Nube de etiquetas.
Título del post.
Número de comentarios.
Texto de comentarios en la parte inferior de los post.
Archivos de la sidebar.

Desde cualquiera de esos sitios se visualiza el post completo y con ello los comentarios y el editor.

Para que se muestre el editor hay que activar la casilla que encontraremos en Configuración/Comentarios/Formulario incrustado.

Cualquier duda házmelo saber :)

Responder
ali campoverde

GENTE ENCONTRE ESTA ORG. NO SE KE TAL SERA, PUEDEN REGISTRAR SUS OBRAS
http://www.safecreative.org/

Responder
Anónimo

Hola a todos, arrastre la imagen hasta el escritorio y pude copiarla, es posible que sea un error?

Responder
Gem@

yz No es un error, o quizás pueda llamarse así lo cierto que puede hacerse con todas las imágenes, el editor nos muestra el código :O

Responder
Eligor!

como puedo proteger mi imagen de fondo?

Responder
Gem@

yz Feuer Stolzes no hay truco para eso, las imágenes pueden conseguirse de varias formas, la más común es guardando la imagen con botón derecho. Pero si lo inhabilitamos puede hacerse desde el código fuente de la plantilla.

Responder
Unknown

Hola he puesto una foto mía en mi blog, para protegerla he hecho lo que dices y ahora tengo toda la pagina con el botón derecho inhabilitado, hasta ahí todo bien, ahora si pulso sobre la foto con botón izquierdo la foto se me amplia y en la foto ampliada si funciona el botón derecho, como puedo hacer para inhabilitar el botón derecho de la imagen ampliada o mejor como puedo hacer para que no se amplíen las fotos? muchas Gracias. Un saludo

Responder
Gem@

:: Para eliminar el enlace a una imagen subida desde el editor de Blogger mira esta entrada Arturo:
http://gemablog-.blogspot.com/2008/11/muchos-lo-preguntan-y-todos-lo-queremos.html

Responder
christian neyra

Hola gema este trukillo se puede aplicar en alguna ¿ imágen con enlace,dentro de un gatget ? no sé si me explico en mi blog tengo una imagen que dentro de ella clicando en la imágen redirecciona a un lugar pero si le das al boton derecho puedes guardar la imágen y no quiero que me copién esa imágen como puedo incluir este codigo para utilizarlo con el enlace pero no altere el truco ,espero explicarme bién un saludo .

Responder
Gem@

:: Prueba de esta forma ;)

<a href="url-del-sitio-a-enlazar" target="_blank" title="texto-al-pasar-el-cursor"><img oncontextmenu="alert('Opcion deshabilitada');return false" oncopy="alert('Opcion deshabilitada');return false" src="url-imagen" /></a>

Responder
INICIACIÓN AL MODELADO
Este comentario ha sido eliminado por el autor.
Responder
Gem@

:: INICIACIÓN AL MODELADO en el código que añadimos,debe ser sustituido por la imagen.

Responder
Anónimo

La verdad a ni no me sale, me sigue dando la opción de guardar imagen como?, donde tengo que introducir el código, en cada una de las imágenes url?

Responder
Gem@

:: BelaSabela hay que añadir el código justo donde vamos a mostrar la imagen y la url de la imagen que deseamos mostrar añadirla sustituyendo donde dice url-imagen :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top